/*
Copyright (c) 2017 Uber Technologies, Inc.
SPDX-License-Identifier: Apache-2.0
*/

.SpanTreeOffset {
  color: #000;
  position: relative;
}

.SpanTreeOffset.is-parent:hover {
  background-color: #e8e8e8;
  cursor: pointer;
}

.SpanTreeOffset--indentGuide {
  /* The size of the indentGuide is based off of the iconWrapper */
  padding-right: calc(0.5rem + 12px);
  height: 100%;
  border-left: 3px solid transparent;
  display: inline-flex;
}

.SpanTreeOffset--indentGuide:before {
  content: '';
  padding-left: 1px;
  background-color: lightgrey;
}

.SpanTreeOffset--indentGuide.is-active {
  border-left-color: darkgrey;
}

.SpanTreeOffset--indentGuide.is-active:before {
  background-color: darkgrey;
}

.SpanTreeOffset--iconWrapper {
  position: absolute;
  right: 0.25rem;
}
